html, body {
  height: 100%;
}

#app {
  height: 100%;
}

.bg_G{
  background: #f5f5f5!important;
}

.bg_Y{
  background: #f8b62d!important;
  color: #fff!important;
}


.lineH22{
  line-height: 22px;
  font-size: 14px;
}

/*==========重置wui==========*/
.weui-cells {
  margin-top: 0;
  margin-bottom: .01rem;
  //重置列表项
  .weui-cell {
    padding: 0 10px;
    line-height: .44rem;
  }
}

.weui-btn_primary:not(.weui-btn_disabled):active {
  color: rgba(255, 255, 255, 0.6);
  background-color: #f0b020;
}

input {
  border: none;
}

/*==========header==========*/
/*===头部活动栏===*/
.top_active {
  width: 100%;
  background: #f06f7f;
  height: .4rem;
  font-size: 16px;
}

.top_active {
  p {
    width: 100%;
    height: .4rem;
    line-height: .4rem;
    margin-bottom: 10px;
    color: #fff;
    background: #f06f7f;
    white-space: nowrap;
    text-align: center;
    overflow: scroll;
  }
}

/*中部内容*/
.content_top {
  width: 100%;
  margin-bottom: 10px;
  a {
    height: .75rem;
    line-height: .75rem;
  }
}

.content_center {
  margin-bottom: 10px;
}

.content_bottom {
  margin-bottom: .2rem;
}

.agreement {
  height: .2rem;
  line-height: .2rem;
  padding: 0 10px;
  i {
    height: .2rem;
    line-height: .2rem;
    padding-right: 7px;
    //color: #7febb3;
    font-weight: 900;
  }
}

//-----------------底部提交区------------------
.bottom_submit {
  display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box; /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox; /* 混合版本语法: IE 10 */
  display: -webkit-flex; /* 新版本语法: Chrome 21+ */
  display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */

  & > div:first-child {
    -webkit-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    flex-direction:column;
    -webkit-flex-direction:column;

    padding: 0 15px;
    p {
      -webkit-flex: 1;
      -webkit-box-flex: 1;
      flex: 1;
      line-height: .5rem;
      .textRed {
        font-size: 22px;
      }
    }
  }

  & > div.yellow {
    width: 1.1rem;
    flex-basis: 1.1rem;
    line-height: .5rem;
    text-align: center;
    font-size: 16px;
    color: #fff;
  }

}

//-------------------actionSheet-----------------
.weui-actionsheet {
  //min-height: 1rem;
  max-height: 2.85rem;
  //overflow: scroll;
  .weui-cells {
    max-height: 2.85rem;
    overflow: scroll;
    .weui-cell {
      &.cancel {
        height: .35rem;
        background: #f5f5f5;
        font-size: 12px;
      }
    }
  }
}

//－－－－－－－－－－－－物品选择－－－－－－－－－－－－－
.goods {
  & > span {
    font-size: 12px;
    display: inline-block;
    height: .24rem;
    line-height: .24rem;
    width: .68rem;
    //background: #f5f5f5;
    text-align: center;
    margin: 0 .1rem .15rem 0;
    border: 1px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
  }
  p {
    //margin: 10px 15px;
    //background: #e5e5e5;
    padding-left: .1rem;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    input {
      height: .3rem;
      line-height: .3rem;
      //background: #e5e5e5;
      -webkit-flex: 1;
      -webkit-box-flex: 1;
      flex: 1;
    }
    span {
      font-size: 12px;
      width: .8rem;
      flex-basis: .8rem;
      height: .3rem;
      line-height: .3rem;
      text-align: center;
      color: #fff;
      background: #f8b62d;
      border: 1px solid #f8b62d;
      -webkit-border-radius: 0px 8px 8px 0;
      -moz-border-radius: 0px 8px 8px 0;
      -webkit-border-radius: 0px 8px 8px 0;
      -moz-border-radius: 0px 8px 8px 0;
      border-radius: 0px 8px 8px 0;
    }
  }
}

.select_good:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid #D9D9D9;
  color: #D9D9D9;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

//---------------------增值服务（保价）----------------------
.input_box {
  height: .44rem;
  padding: 0 10px;
  display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box; /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox; /* 混合版本语法: IE 10 */
  display: -webkit-flex; /* 新版本语法: Chrome 21+ */
  display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
  font-size: 14px;
  .input_box_left {
    width: .5rem;
    flex-basis: .5rem;
  }
  .input_box_right {
    -webkit-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    input {
      -webkit-flex: 1;
      -webkit-box-flex: 1;
      flex: 1;
    }
    span {
      width: .2rem;
      flex-basis: .2rem;
      text-align: center;
    }
  }
  &:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
}

.weui-actionsheet__menu {
  //height: .63rem;
  padding: 10px;
  p {
    font-size: 12px;
    color: #c9c9c9;
  }
}

.submit_btn {
  margin: 0 .2rem .14rem .2rem;
}

//------------------------选择快递公司--------------------------
.actionSheet_title {
  span {
    margin-right: .28rem;
  }
}

.delivery-item {
  height: .76rem;
  overflow: scroll;
  p {
    height: .24rem;
    line-height: .24rem;
  }
  .flex {
    span {
      -webkit-flex: 1;
      -webkit-box-flex: 1;
      flex: 1;
      &:last-child {
        text-align: right;
      }
    }
  }
}

.actionTitle {
  span {
    display: inline-block;
    width: 1rem;
    text-align: center;
    height: .5rem;
    line-height: .5rem;
  }
}
